<template>


    <div class="polygon" id="polygon">
      <p>{{this.a}}</p>
      <p>{{this.prop1}}</p>
       <p>站名：测试站</p>
        <p>轨道数量：6</p>
         <p>运营车辆：12</p>
      <button @click="test" type="primary" size='mini'>跟踪</button>
       <button @click="test" type="primary" size='mini'>详情</button>
  </div>
</template>

<script>
export default {
    name:'markerdetail',
    props:['prop1','prop2'],
    data(){
        return{
            a:"test"

        }
    },
    created(){
        console.log('zi组件在created调用了')
        
    },
    methods:{
        test(){

            console.log(this.prop1,'prop1')
        }
    },
    mounted(){
        console.log('zi组件在mounted调用了')
    },
    beforeDestroy(){
        console.log('zi组件准备销毁了')
    },
    destroyed(){
        console.log('zi组件销毁了')
    }
}
</script>

<style lang="less" scoped>
.marker{
    z-index: 2022;
    background: #fff;
    height: 200px;
    width: 200px;
}

.polygon{
    z-index: 2022;
    background: #fff;
    height: 200px;
    width: 200px;
}
</style>